<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
    String contextPath = request.getServletContext().getContextPath();
%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>大管家物业云日志管理</title>
<link href="http://www.dgj.com/resources/images/logo.png"
	rel="shortcut icon">
<meta name="keywords" content="大管家物业云日志管理" />
<meta name="description" content="大管家物业云日志管理" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- basic styles -->

<link href="${base}/resources/assets/css/bootstrap.min.css"
	rel="stylesheet" />
<link rel="stylesheet"
	href="${base}/resources/assets/css/font-awesome.min.css" />

<!--[if IE 7]>
		  <link rel="stylesheet" href="${base}/resources/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

<!-- page specific plugin styles -->



<!-- ace styles -->

<link rel="stylesheet" href="${base}/resources/assets/css/ace.min.css" />
<link rel="stylesheet"
	href="${base}/resources/assets/css/ace-rtl.min.css" />
<script type="text/javascript">
	var contextPath = '<%=contextPath%>';
</script>
<!--[if lte IE 8]>
		  <link rel="stylesheet" href="${base}/resources/assets/css/ace-ie.min.css" />
		<![endif]-->

<!-- inline styles related to this page -->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!--[if lt IE 9]>
		<script src="${base}/resources/assets/js/html5shiv.js"></script>
		<script src="${base}/resources/assets/js/respond.min.js"></script>
		<![endif]-->
<style type="text/css">
.btn-login, .btn-login:focus {
	background-color: #37e6e8 !important;
	border-color: #37e6e8;
	padding: 4px 12px;
}

.btn-login:hover, .open .btn-login.dropdown-toggle {
	background-color: #1ED5D7 !important;
	border-color: #1ED5D7;
}

input {
	min-height: 42px;
}

.input-icon>[class*="icon-"] {
	line-height: 42px;
}
.input-icon.input-icon-right>[class*="icon-"]{
	right: 9px
}
</style>
</head>

<body class="login-layout">
	<div id="formbackground" style="position:absolute; z-index:-1">
		<img src="resources/images/background.png" height="100%" width="100%" />
	</div>
	<div class="main-content">
		<div class="row">
			<div class="space-6"></div>
			<div class="col-sm-10 col-sm-offset-1">
				<div class="login-container" style="padding-top: 100px">
					<div class="center">
						<div class="space-6"></div>
						<h1>
							<img src="resources/images/342.png">
						</h1>
					</div>

					<div class="space-6"></div>
					<div class="space-6"></div>

					<div class="position-relative">
						<div id="login-box" class="login-box visible no-border">
							<div>
								<div class="widget-main">

									<div class="space-6"></div>

									<form id="loginForm">
										<fieldset>
											<label class="block clearfix"> <span
												class="block input-icon input-icon-right"> <input
													type="text" class="form-control" placeholder="请输入用户名"
													name="userName" value="${obj.data.userName }" /> <i
													class="icon-user" style="font-size: 18px"></i>
											</span>
											</label> <label class="block clearfix"> <span
												class="block input-icon input-icon-right"> <input
													type="password" class="form-control" placeholder="请输入密码"
													name="password" value="${obj.data.password }" /> <i
													class="icon-lock" style="font-size: 20px"></i>
											</span>
											</label> <label class="block clearfix">
												<div class="input-group">
													<input type="text" class="form-control search-query"
														placeholder="请输入验证码" name="captcha" /> <span
														class="input-group-btn"> <a
														href="javascript:refreshCaptcha();"> <img id="captcha"
															title="点击刷新验证码" src="captcha" height="42px">
													</a>
													</span>
												</div>
											</label>

											<div class="space-4"></div>

											<div class="clearfix">
												<label class="inline"> <input type="checkbox"
													class="ace" name="checkBox" id="rememberMeCheckBox"
													${obj.data.rememberMe } /> <span class="lbl"
													style="color: #fff"> 记住密码 </span> <input id="remember"
													type="hidden" name="remember" value="${obj.data.flag}">
												</label>
											</div>


											<button type="button" id="loginSubmit" class="btn  btn-login"
												style="width: 100%;font-weight:400;font-size:18px;font-family: Microsoft YaHei">
												登 录</button>
											<div class="space-6"></div>
												<!-- span style="color: #fff;font-size: 16px">官方网站：<a href="http://www.dgj.com" style="color: #fff">www.dgj.com</a></span-->
										</fieldset>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript"
		src="${base}/resources/assets/js/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="${base}/resources/js/login.js"></script>
	<script
		src='${base}/resources/lhgdialog/lhgcore.lhgdialog.min.js?self=true&skin=chrome'></script>
	<script src='${base}/resources/js/common.js'></script>
	<script type="text/javascript">
		$(function() {
			$(window).on('resize', function() {
				location.reload();
			})
			$('#formbackground').height($(window).height());
			$('#formbackground').width($(window).width());
			$('.login-layout .widget-box').css('background-color', '');
		});
		if ("ontouchend" in document)
			document
					.write("<script src='assets/js/jquery.mobile.custom.min.js'>"
							+ "<"+"/script>");
	</script>
</body>
</html>